<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱彼迎：度假屋、小木屋、海滨住宅、特色房源和体验</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/tsk.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/lunbo.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
    <script src="js/base.js" type="module"></script>
    <script src="js/animate.js" type="module"></script>
    <script src="js/request.js" type="module"></script>
    <script src="js/fangyuan.js" type="module"></script>
    <script src="js/wishbox.js" type="module"></script>
</head>

<body>
    <div class="PromptBox"></div>

    <div class="main" style="display: block;">
        <div class="fixbox">
            <div class="mainbody" style="width: 1200px;">
                <!-- 导航 -->
                <div class="nav" style="width: 1200px;">
                    <div class="nav-l">
                        <a href="index.html"><img src="picture/logo.png" alt=""></a>
                    </div>
                    <div class="nav-m">

                    </div>
                    <div class="nav-r">
                        <div class="nav-r-2">
                            <div class="nav-r-2-svg1">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <g fill="none">
                                        <path d="M2 16h28M2 24h28M2 8h28"></path>
                                    </g>
                                </svg>
                            </div>
                            <div class="nav-r-2-svg2">
                                <div class="nav-r-2-svg2">
                                    <img src="https://z1.muscache.cn/defaults/user_pic-50x50.png?v=3&im_w=240" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="nav-r-1">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="M8 .25a7.77 7.77 0 0 1 7.75 7.78 7.75 7.75 0 0 1-7.52 7.72h-.25A7.75 7.75 0 0 1 .25 8.24v-.25A7.75 7.75 0 0 1 8 .25zm1.95 8.5h-3.9c.15 2.9 1.17 5.34 1.88 5.5H8c.68 0 1.72-2.37 1.93-5.23zm4.26 0h-2.76c-.09 1.96-.53 3.78-1.18 5.08A6.26 6.26 0 0 0 14.17 9zm-9.67 0H1.8a6.26 6.26 0 0 0 3.94 5.08 12.59 12.59 0 0 1-1.16-4.7l-.03-.38zm1.2-6.58-.12.05a6.26 6.26 0 0 0-3.83 5.03h2.75c.09-1.83.48-3.54 1.06-4.81zm2.25-.42c-.7 0-1.78 2.51-1.94 5.5h3.9c-.15-2.9-1.18-5.34-1.89-5.5h-.07zm2.28.43.03.05a12.95 12.95 0 0 1 1.15 5.02h2.75a6.28 6.28 0 0 0-3.93-5.07z">
                                </path>
                            </svg>
                        </div>
                        <a href="publish.html" class="add_fangyuan" style="display: none;">发布房源</a>


                        <div class="nav_box">
                            <a href="order.html">订单</a>
                            <a href="wish.html">心愿单</a>
                            <a href="lodger.html">账号</a>
                            <a href="login.html">退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mainbody">

            <!-- 房源详情页 -->
            <div class="details">
                <div class="detailmask" style="display: none;">
                    <div class="d_close">
                        <svg viewBox="0 0 24 24" role="img" aria-hidden="false" aria-label="关闭" focusable="false"
                            style="height: 2em; width: 2em; display: block; fill: rgb(255, 255, 255);">
                            <path
                                d="m23.25 24c-.19 0-.38-.07-.53-.22l-10.72-10.72-10.72 10.72c-.29.29-.77.29-1.06 0s-.29-.77 0-1.06l10.72-10.72-10.72-10.72c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l10.72 10.72 10.72-10.72c.29-.29.77-.29 1.06 0s .29.77 0 1.06l-10.72 10.72 10.72 10.72c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22"
                                fill-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="d_left">
                        <svg viewBox="0 0 18 18" role="presentation" aria-hidden="true" focusable="false"
                            style="height: 4.8em; width: 4.8em; fill: rgb(255, 255, 255);">
                            <path
                                d="m13.7 16.29a1 1 0 1 1 -1.42 1.41l-8-8a1 1 0 0 1 0-1.41l8-8a1 1 0 1 1 1.42 1.41l-7.29 7.29z"
                                fill-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="d_right">
                        <svg viewBox="0 0 18 18" role="presentation" aria-hidden="true" focusable="false"
                            style="height: 4.8em; width: 4.8em; fill: rgb(255, 255, 255);">
                            <path
                                d="m4.29 1.71a1 1 0 1 1 1.42-1.41l8 8a1 1 0 0 1 0 1.41l-8 8a1 1 0 1 1 -1.42-1.41l7.29-7.29z"
                                fill-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="d_banner">
                        <ul>
                            <!-- <li>
                                <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large" alt="">
                            </li> -->
                        </ul>
                    </div>
                </div>

                <div class="details_pad"></div>
                <div class="mainbody">
                    <!-- 收藏键 -->
                    <div class="collect_button">
                        <span class="collect_but_no" style="margin-right: 10px; display: none;"><svg
                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 2; overflow: visible;">
                                <path
                                    d="M16 28c7-4.73 14-10 14-17a6.98 6.98 0 0 0-7-7c-1.8 0-3.58.68-4.95 2.05L16 8.1l-2.05-2.05a6.98 6.98 0 0 0-9.9 0A6.98 6.98 0 0 0 2 11c0 7 7 12.27 14 17z">
                                </path>
                            </svg></span>
                        <span class="collect_but_yes" style="margin-right: 10px; display: none;"><svg
                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; fill: rgb(255, 56, 92); height: 16px; width: 16px; stroke: rgb(255, 56, 92); stroke-width: 2; overflow: visible;">
                                <path
                                    d="M16 28c7-4.73 14-10 14-17a6.98 6.98 0 0 0-7-7c-1.8 0-3.58.68-4.95 2.05L16 8.1l-2.05-2.05a6.98 6.98 0 0 0-9.9 0A6.98 6.98 0 0 0 2 11c0 7 7 12.27 14 17z">
                                </path>
                            </svg></span>
                        <span class="collect_span"></span>
                    </div>
                    <!-- 图片 -->
                    <div class="detail_pic">
                        <div class="detail_pic_1" id="1">
                            <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large"
                                alt="">
                        </div>
                        <div class="detail_pic_1" id="2">
                            <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large"
                                alt="">
                        </div>
                        <div class="detail_pic_1" id="3">
                            <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large"
                                alt="">
                        </div>
                        <div class="detail_pic_1" id="4">
                            <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large"
                                alt="">
                        </div>
                        <div class="detail_pic_1" id="5">
                            <img src="https://z1.muscache.cn/im/pictures/miso/Hosting-53125250/original/7ebd7835-804b-4272-a834-b2c2f8d25cbf.jpeg?aki_policy=large"
                                alt="">
                        </div>
                    </div>

                    <!-- 房东详情 -->
                    <div class="detail_main">
                        <!-- 详情 -->
                        <div class="homedetail">
                            <div class="home_title"></div>
                            <div class="homething">
                                <div class="condition">
                                    <div>
                                        <span></span>
                                        <span>1间卧室</span>
                                    </div>
                                    <div>
                                        <span></span>
                                        <span>1张床</span>
                                    </div>
                                    <div>
                                        <span></span>
                                        <span>1间卫生间</span>
                                    </div>
                                    <div>
                                        <span></span>
                                        <span>可住<span class="order_tenant"></span>人</span>
                                    </div>
                                </div>
                                <div class="homelabels">

                                </div>
                            </div>
                            <div class="landlord">
                                <div class="user">
                                    <div class="userimg">
                                        <img src="https://z1.muscache.cn/defaults/user_pic-50x50.png?v=3&im_w=240"
                                            alt="">
                                    </div>
                                    <div class="userthing">
                                        <div class="username"></div>
                                        <div class="userevaluate">
                                            <span>0</span> 条评价 · 已通过身份认证
                                        </div>
                                    </div>
                                </div>
                                <div class="homeintroduce">
                                    <div></div>
                                    <div class="homeintroduce_1">

                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 评价 -->
                        <div class="evaluate">
                            <h3>房客评价</h3>
                            <div class="evaluate_star"></div>
                            <div class="evaluates">
                                <!-- <div class="evaluates_li">
                                    <span class="evaluates_stars"></span>
                                    <div class="evaluates_li-t">
                                        <div class="evaluates_img">
                                            <img src="http://43.139.230.42:8001/avatar/2" alt="">
                                        </div>
                                        <div>
                                            <div class="evaluates_name">小明</div>
                                            <div class="evaluates_time" style="font-size: 14px; font-weight: normal;">
                                                2023-07-18</div>
                                        </div>
                                    </div>
                                    <div class="evaluates_li-b">
                                        <div class="more_ellipsis">
                                            我们住得很愉快，这里真的是一个令人惊叹的地方，整栋建筑都是用竹子建造的！ 如果您想要一个可爱冒险的东西，这里是您的完美之选！ 拍照也很棒。
                                            如果您想要一个漂亮的五星级度假村氛围，这里不适合您。 非常棒的住宿体验，但有很多虫子和蚊子，甚至壁虎，还有许多户外空间（游泳池、座位和卫生间）。
                                            把它想象成一个迷人的露营，有一张舒适的床。
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                    </div>

                    <!-- 订单 -->
                    <div class="order">
                        <div class="order_price">
                            <div class="order_money">￥
                                <span>100</span>
                                <span>/晚</span>
                            </div>
                            <div class="orderstar">
                                <span class="orderstars"></span>
                                <span><span class="order_pinglun">0</span>条</span>
                            </div>
                        </div>
                        <div class="orderform">
                            <div class="orderday">
                                <div>日期</div>
                                <div class="orderlong order_day">
                                    <div class="check_in">
                                        <div class="check_in_mask"></div>
                                        <div class="check_in_box">入住日期</div>
                                    </div>
                                    <div style="padding-top: 9px;">
                                        <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true"
                                            focusable="false"
                                            style="height: 24px; width: 24px; display: block; fill: currentcolor;">
                                            <path
                                                d="m0 12.5a.5.5 0 0 0 .5.5h21.79l-6.15 6.15a.5.5 0 1 0 .71.71l7-7v-.01a.5.5 0 0 0 .14-.35.5.5 0 0 0 -.14-.35v-.01l-7-7a .5.5 0 0 0 -.71.71l6.15 6.15h-21.79a.5.5 0 0 0 -.5.5z"
                                                fill-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                    <div class="check_out">
                                        <div class="check_out_mask"></div>
                                        <div class="check_out_box">退房日期</div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="date_selector" style="display: none;">
                                    <div class="date_left">
                                        <svg class="_1ri93fe" focusable="false" viewBox="0 0 1000 1000">
                                            <path
                                                d="M336 275L126 485h806c13 0 23 10 23 23s-10 23-23 23H126l210 210c11 11 11 21 0 32-5 5-10 7-16 7s-11-2-16-7L55 524c-11-11-11-21 0-32l249-249c21-22 53 10 32 32z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="date_right">
                                        <svg class="_1ri93fe" focusable="false" viewBox="0 0 1000 1000">
                                            <path
                                                d="M694 242l249 250c12 11 12 21 1 32L694 773c-5 5-10 7-16 7s-11-2-16-7c-11-11-11-21 0-32l210-210H68c-13 0-23-10-23-23s10-23 23-23h806L662 275c-21-22 11-54 32-33z">
                                            </path>
                                        </svg>
                                    </div>
                                    <div class="date_t">2023年8月</div>
                                    <div class="calendar-body">
                                        <div class="weekdays">
                                            <span>日</span>
                                            <span>一</span>
                                            <span>二</span>
                                            <span>三</span>
                                            <span>四</span>
                                            <span>五</span>
                                            <span>六</span>
                                        </div>
                                        <div class="days"></div>
                                    </div>
                                    <div class="clear_button">
                                        <div>清除日期</div>
                                    </div>
                                </div>
                            </div>
                            <div class="orderpeople">
                                <div>人数</div>
                                <div class="orderlong order_peo">
                                    <div>
                                        <div class="order_peo_num">
                                            <div class="adults">
                                                <span class="peo_num">1</span>
                                                人
                                            </div>
                                            <div class="babys" style="display: none;">
                                                , <span>0</span>名婴幼儿
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <svg viewBox="0 0 18 18" role="presentation" aria-hidden="true"
                                            focusable="false"
                                            style="height: 16px; width: 16px; display: block; fill: currentcolor; display: block;"
                                            class="ren_down">
                                            <path
                                                d="m16.29 4.3a1 1 0 1 1 1.41 1.42l-8 8a1 1 0 0 1 -1.41 0l-8-8a1 1 0 1 1 1.41-1.42l7.29 7.29z"
                                                fill-rule="evenodd"></path>
                                        </svg>
                                        <svg viewBox="0 0 18 18" role="presentation" aria-hidden="true"
                                            focusable="false"
                                            style="height: 16px; width: 16px; display: block; fill: currentcolor; display: none;"
                                            class="ren_up">
                                            <path
                                                d="m1.71 13.71a1 1 0 1 1 -1.42-1.42l8-8a1 1 0 0 1 1.41 0l8 8a1 1 0 1 1 -1.41 1.42l-7.29-7.29z"
                                                fill-rule="evenodd"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="renshubox" style="display: none;">
                                    <div class="renshu">
                                        <div class="renshu_l">
                                            成人
                                        </div>
                                        <div>
                                            <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img"
                                                    aria-hidden="false" aria-label="减" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                </svg></div>
                                            <div class="ren_tenant">1</div>
                                            <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                    aria-label="加" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                    <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                                </svg></div>
                                        </div>
                                    </div>
                                    <div class="renshu">
                                        <div class="renshu_l">
                                            <div style="height:30px;">儿童</div>
                                            <div>2-12岁</div>
                                        </div>
                                        <div>
                                            <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img"
                                                    aria-hidden="false" aria-label="减" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                </svg></div>
                                            <div class="ren_tenant">0</div>
                                            <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                    aria-label="加" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                    <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                                </svg></div>
                                        </div>
                                    </div>
                                    <div class="renshu">
                                        <div class="renshu_l">
                                            <div style="height:30px;">婴幼儿</div>
                                            <div>2岁以下</div>
                                        </div>
                                        <div>
                                            <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img"
                                                    aria-hidden="false" aria-label="减" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                </svg></div>
                                            <div class="ren_tenant">0</div>
                                            <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                    aria-label="加" focusable="false"
                                                    style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                    <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                    <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                                </svg></div>
                                        </div>
                                    </div>
                                    <div class="max_renshu">最多 <span>2</span> 位房客，婴幼儿不计算在内。</div>
                                    <div class="close_renshu">关闭</div>
                                </div>
                            </div>
                        </div>
                        <div class="orderbutton">预订</div>
                    </div>

                    <div class="wishmask" style="display: none;"></div>
                    <!-- 心愿单 -->
                    <div class="wishbox" style="display: none;">
                        <div class="wishbox_t">
                            <div class="w_close">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <path d="m6 6 20 20M26 6 6 26"></path>
                                </svg>
                            </div>
                            添加至心愿单
                            <div class="allcheck">
                                <input type="checkbox" name="" id="2" class="checkbox wish_checkbox">
                            </div>
                        </div>
                        <div class="wishbox_m">
                            <div class="wishbox_m_body">
                                <!-- <div class="wishbox_li">
                            <label for="${wisharr[index].id}">
                                <input type="checkbox" name="" id="${wisharr[index].id}" class="checkbox wish_checkbox">
                                <div class="wish_mask" id="${wisharr[index].id}"></div>
                                <div class="wishbox_li_t">
                                    <div class="wishbox_li_tn">
                                    </div>
                                </div>
                                <div class="wishbox_li_b">
                                    <div class="wishbox_li_b_t">${wisharr[index].name}</div>
                                    <div class="wishbox_li_b_b"><span>${wisharr[index].count}</span>心愿单项目</div>
                                </div>
                            </label>
                        </div> -->
                            </div>
                        </div>
                        <div class="wishbox_b">
                            <div class="wishbox_b_box">创建新的心愿单</div>
                            <div class="wishbox_b_box wishbox_b_com">完成</div>
                        </div>
                    </div>



                    <!-- 创建心愿单 -->
                    <div class="wishcreate" style="display: none;">
                        <div class="wishbox_t">
                            <div class="w_close w_close_c">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <path d="m6 6 20 20M26 6 6 26"></path>
                                </svg>
                            </div>
                            创建心愿单
                        </div>
                        <div class="wishcreate_m">
                            <div class="wishcreate_m_t" style="width: 552px;height: 50px;padding: 0;">
                                <div class="wishcreate_m_name" style="top: 11px;">名称</div>
                                <input type="text" style="margin: 22px 12px 6px;">
                            </div>
                            <div class="wishcreate_m_b">
                                <span class="min_num">0</span>/<span class="max_num">50</span>个字符
                            </div>
                        </div>
                        <div class="wishcreate_b" style="border-top: 1px solid #ddd;">
                            <div class="wishcreate_b_l">
                                清除
                            </div>
                            <div class="wishcreate_b_r">
                                创建
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>


    </div>
    </div>
    </div>
</body>

</html>